草庐IT

Leaflet 经纬网

全部标签

javascript - 如何使用 Leaflet API 从纬度和经度坐标检索 LayerPoint (X, Y)

如果我使用以下代码从指定的Lat/Lng获取LayerPoint:varlatLng=newL.latLng(-37.81303878836989,144.97421264648438);varpoint=map.latLngToLayerPoint(latLng);输出如下:o.Pointx:86042y:77065然后,当我尝试使用以下URL访问图层图block时:http://a.tile.osm.org/10/86042/77065.png我收到404,因为它是无效的X、Y。现在,如果我使用以下代码:map.on("click",function(e){console.log(

javascript - Leaflet.Draw矩形的坐标

是否可以在鼠标点击时获取矩形的坐标,从而得到矩形的所有Angular? 最佳答案 查看事件对象(http://leafletjs.com/reference.html#event-objects):varmap=L.map('map').setView([53.902257,27.561640],13);L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png').addTo(map);varbounds=[[53.912257,27.581640],[53.902

performance - 带有矢量图层的 Leaflet.js 非常慢

我玩过leaflet.js,发现它对于一个包含大约200个圆圈的简单矢量图层来说非常慢。第一页加载需要几秒钟,而且或多或少无法缩放或滚动map,页面的react非常慢。由于我见过更复杂的传单示例,我很确定我做错了什么。这是我的测试页面的代码:varpoints=[[48.538385,11.166186],...];varmap=L.map('map').setView([51.0,10.20],6);mapLink='OpenStreetMap';L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',{attr

javascript - 你如何在 leaflet.js 中使用 .off() 事件方法?

我正在尝试使用leaflet.js构建map应用程序,但我不知道如何使用.off方法。该文档没有任何示例,我似乎无法在网上找到任何其他地方。我已将问题提炼成更简单的代码块,这样我的问题就更清楚了。基本上我已经设置好了,当您点击“启用点击”链接时,它会添加一个事件监听器,每次您点击它时都会向map添加一个标记。当您单击“禁用点击”时,我想删除该事件监听器。Hereisalinktothedemo这是我现在的代码。$(document).ready(function(){varmap,cloudmade,sanAntonio,polygonPointsmap=newL.Map('map')

javascript - Leaflet Mouseout 调用 MouseOver 事件

我有一张传单map,我在其中动态添加标记。除了单击标记时,我还想在将鼠标悬停在标记上时调用标记的弹出窗口。我的代码是:functionmakeMarker(){varMarker=L.marker...Marker.on('mouseover',function(){Marker.bindPopup('HI').openPopup();});Marker.on('mouseout',function(){Marker.closePopup();});}如果我注释掉mouseout行,则会出现弹出窗口,但我必须单击别处才能关闭它。问题是当我放入mouseout时,当光标悬停在标记上时,光

javascript - 如何从 div 元素的 ID 获取 Leaflet map 的 map 对象?

以前的开发人员在页面上使用Leaflet创建了map。Javascript非常复杂,我找不到Leafletmap实例化的位置。但是,我知道哪个DOM元素与map关联。有什么办法可以从元素的id中得到Leafletmap对象吗?即,元素id是#city-map。L.map('city-map')返回Error:Mapcontainerisalreadyinitialized. 最佳答案 否:Leaflet不会设置从DOM元素返回到map对象的引用,因为这很容易导致内存泄漏。并且L.map总是创建一个新map-它找不到您可能期望来自jQ

javascript - leaflet.js - 单击时设置标记,拖动时更新位置

对于我正在进行的一个小项目,我需要能够在leaflet.js支持的图像map上放置一个标记,并在它被拖动时更新该标记的位置。我使用下面的代码来尝试这个,但它失败了。我收到错误“标记未定义”。我不知道为什么它不起作用-也许你们可以帮助我?;)functiononMapClick(e){gib_uni();marker=newL.marker(e.latlng,{id:uni,icon:redIcon,draggable:'true'};map.addLayer(marker);};marker.on('dragend',function(event){varmarker=event.ta

javascript - 停止在 Leaflet 中传播 'click' 事件

在我们的一个项目中,我们使用Leaflet和Leaflet.markercluster插件。查看Leaflet的源代码,我发现它将_collapse()函数附加到map的click事件,所以每当我点击map时它收缩了先前扩展的集群。现在,我想禁用此行为。如果群集已扩展,那么我只想在click事件中取消选择它的所有标记(并且不要收缩群集本身)。这是我的代码片段:map.on('click',function(e){scope.deselectAllMarkers();});我试图在此单行回调的末尾添加以下行,以停止传播click事件:scope.L.DomEvent.stopPropag

javascript - 如何在 Leaflet 标记弹出窗口中使用 Angular 指令 ng-click 和 ng-class

我在我所在的位置使用Angular.JS和Leaflet.JS制作map,map标记上绑定(bind)了弹出窗口。我需要使用一个带有两个不同图标(一个显示在下面的代码中)的跨度,您可以单击它们来调用不同的函数,如果满足某些条件,则可以使用ng-class来更改类。这是我的代码:varmarker=L.marker([51.5,-0.09],{icon:blueIcon}).bindPopup('');然而,当我检查元素时,我得到了这个:ng-click应该发送特定对象和对象数组的函数,但是当我单击图标时没有任何反应。在我的研究中,我发现弹出窗口阻止了事件传播(moreinfo,但我不确

php - 我如何计算并获得每 10 分钟有起点和终点的两点之间的时间估计的下一个经纬度?

关闭。这个问题需要更多focused.它目前不接受答案。想改进这个问题吗?更新问题,使其只关注一个问题editingthispost.关闭8年前。Improvethisquestion我需要帮助我在map上有以下2个点Alat1/long1和点Blat2/long2在谷歌地图我有距离、到达时间、方位弧度和速度。有了这些数据,我怎样才能在10分钟、20、30和40分钟获得到下一个点的估计经纬度(谷歌地图格式)?有起点和终点。A点lat1=37.78472lon1=-122.39913B点lat2=37.78240lon2=-121.23208轴承弧度=270距离=102公里到达时间=50